﻿/*mag_goods  杂志自有产品--列表样式--start*/
.goods_list{width: 100%;}
.goods_list ul li{float: left;margin: 20px;overflow: hidden;height: 420px;position: relative;box-shadow: 4px 4px 8px #EFEFEF;}
.goods_list ul li:hover {background-color: #F0C224;color: #fff;
-webkit-transition: all 0.7s ease; 
-moz-transition: all 0.7s ease; 
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease; 
transition: all 0.7s ease;}
.goods_list ul li:hover .goods_list_title{color: #fff;
-webkit-transition: all 0.7s ease; 
-moz-transition: all 0.7s ease; 
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease; 
transition: all 0.7s ease;}

.goods_list ul li:hover .goods_list_price{color: #fff;
-webkit-transition: all 0.7s ease; 
-moz-transition: all 0.7s ease; 
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease; 
transition: all 0.7s ease;}

.goods_list ul li:hover p{color: #fff;
-webkit-transition: all 0.7s ease; 
-moz-transition: all 0.7s ease; 
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease; 
transition: all 0.7s ease;}

.goods_list ul li a{}
.goods_list ul li p{width: 360px;height: 44px;font-size: 14px;color: #6d6d6d;overflow : hidden; display: block;padding: 0 10px;}
.goods_list_img{text-align:center;overflow: hidden;height: 270px;display: block;}
.goods_list_title{width:360px;font-size: 18px;color: #222;font-weight: bold;text-overflow : ellipsis; white-space : nowrap; overflow : hidden; display: block;padding: 12px 10px;}
.goods_list_price{margin-top: 10px;color: #F3bf0c;padding: 0 10px}
.goods_list_price span{font-size: 20px;font-weight: bold;}
.goods_list ul li a img{width:360px;height: 270px;margin:0 auto;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.goods_list ul li:hover img{transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);
-webkit-transition: all 0.7s ease; 
-moz-transition: all 0.7s ease; 
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease; 
transition: all 0.7s ease; }

.goods_list_back{position: absolute;top: 0;height: 270px;width: 360px;background: url("../images/background_grey.png") no-repeat;display: none;}
.goods_list_back button{width: 180px;height: 52px;border:none;color: #3d4043;background-color: #f7db5b;margin-top: 100px;font-size: 18px;position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.goods_list_back button::before,
.goods_list_back button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity .35s,transform .35s;
  -o-transition: opacity .35s,transform .35s;
   transition: opacity .35s,transform .35s; 
  width: 180px;
  height: 52px;
}
.goods_list_back button::before {
   border-top: 3px solid #fdf1bd; 
   border-bottom: 3px solid #fdf1bd; 
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
}
.goods_list_back button::after {
   border-right: 3px solid #fdf1bd; 
   border-left: 3px solid #fdf1bd; 
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.goods_list_back button:hover::before,
.goods_list_back button:hover::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  cursor: pointer;
}
/*mag_goods  杂志自有产品--列表样式--end*/
